<template>
  <div></div>
</template>
<script setup lang="ts">
import { reactive, ref } from 'vue'

let a = ref({
  name: 'hello'
})
Object.freeze(a.value)
a.value.name = 'hello world'
console.log(a)
const obj = reactive({
  list: Object.freeze([{ id: 1 }, { id: 2 }])
})
obj.list[0].id = 3
console.log(obj)

const p = reactive({
  name: 'a'
})
Object.freeze(p)
p.name = 'aa'
console.log(p)
</script>
<style lang="scss" scoped></style>
